<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" layout:decorator="index">
<head>
<meta charset="UTF-8"/>




</head>
<body>
<div layout:fragment="content" class="content">
		<ol class="breadcrumb" th:object="${funplace}">
			<li th:text="*{funplace1}"><a href="#">系统管理</a></li>
			<li th:text="*{funplace2}"><a href="#">用户管理</a></li>
			<li th:text="*{funplace3}" class="active">用户添加</li>
		</ol>
		<form action="/device/getobjecttodevice" method="post">
			<div class="selectForm">
				<button type="submit" class="btn btn-success ">条件搜索</button>
				&nbsp;&nbsp;
				<button type="button" class="btn btn-danger" style="width: 82px;" oclick="clearSelect()">清空</button>&nbsp;&nbsp;
				<input type="text" class="clear1"  name="firstname" id="firstname" placeholder="请输入名字"    />
				<input type="text" class="clear2"  name="secondname" id="firstname" placeholder="请输入姓氏" />
                &nbsp;&nbsp; 共<span th:text="${List.size()}"></span>条记录
			</div>




		</form>

      <table class="table">
			<span th:each="List : ${List}">
		      <thead>
		        <tr >
		          
		          <th  >监控对象姓名/设备编号</th>
		          <th  >监控对象/设备类型</th>
		          
		          <th  >监控对象/设备状态</th>
		        </tr>
		      </thead>
		      <tbody>
		
		        <tr class="success" >
		         <td th:text="${List.firstName}+${List.secondName}">小虎</td>
		         <span th:switch="${List.type}">
		         	 <span th:case="correctedObject">		         	
			         <td >矫正对象</td>			        
			         </span>
			         <span th:case="victim">
			         <td >受害人</td>
			         </span>
		         </span>
<!--  待绑定:toBeBound ;待监控:toBeMonitor;正在监控:monitor ;即将到期:expiring ;待解除:toBeReleased ;已解除:released ;已停用：terminated -->
		         <span th:switch="${List.status}">
		         	 <span th:case="toBeBound">
			         <td >待绑定</td>
			         </span>
			         <span th:case="toBeMonitor">
			         <td >待监控</td>
			         </span>
			         <span th:case="monitoring">
			         <td >正在监控</td>
			         </span>
			         <span th:case="expiring">
			         <td >即将到期</td>
			         </span>
			         <span th:case="toBeReleased">
			         <td >待解除</td>
			         </span>
			         <span th:case="released">
			         <td >已解除</td>
			         </span>
			         <span th:case="terminated">
			         <td >已停用</td>
			         </span>
			         			         
		         </span>		         
		       
		 		
		        </tr>
		     
		      </tbody>
		     
		      <tbody>
		
		        <tr class="danger" th:each="device : ${List.device}">
		         <td th:text="${device.deviceId}">小虎</td>
		         <span th:switch="${device.type}">
		         	 <span th:case="shackleJiao">
			         <td >电子镣铐</td>
			         </span>
			         <span th:case="station">
			         <td >基站</td>
			         </span>
			         <span th:case="shackleShou">
			         <td >电子手环</td>
			         </span>
			         <span th:case="remind">
			         <td >提醒器</td>
			         </span>
		         </span>	
		         <span th:switch="${device.online}">
		         	 <span th:case="0">
			         <td >设备离线</td>
			         </span>
			         <span th:case="1">
			         <td >设备在线</td>
			         </span>
		         </span>		         	         

		 		
		        </tr>
		
		      </tbody>
			</span>


    </table>



</div>



</body>

</html>
